<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--
    TODO: 表单
        作用: 收集用户填写的数据信息,将收集到的信息发送给服务器,由服务器保存到数据库中
        格式: <form></form>
        属性:
             action: 提交路径
             method: 请求方式
        子标签:
             input: 输入框标签
             select: 下拉选(下拉框)标签
             textarea: 文本域标签

     -----------------------表单中的通用属性---------------------
     TODO:表单的通用属性
        name:
            1.给单选框或复选框进行分组,从当前组中进行单选或复选
        value:
            1.给按钮起名称
        disabled:
        readonly:
    -----------------------表单的子标签-input输入框----------
     TODO:input输入框标签
        格式: <input/>
        属性:
            type: 类型,输入框的类型
                text : 文本输入框,默认值
                password : 密码输入框
                radio : 单选框
                checkbox : 复选框

                button : 普通按钮,只有按钮效果,没有任何的功能
                reset : 重置按钮,将表单回到最初状态
                submit : 提交按钮,收集表单中的数据,提交给服务器
                image : 图片提交,与submit作用一致
                    需要结合src属性使用

                hidden : 隐藏输入框
                file : 文件输入框,用于文件上传时,用户选择本机的文件

                email : 邮箱地址输入框
                date : 日期输入框,会显示日历插件
     -----------------------表单的子标签-select下拉选----------
     TODO:select下拉选标签
        格式:
            <select>
                <option></option>
                <option></option>
            </select>
        属性:
            size: 展示的个数
            multiple: 设置可以多选
     -----------------------表单的子标签-textarea文本域----------
     TODO:textarea文本域标签
        格式: <textarea></textarea>
        属性:
            概数,不具体,设置初始化展示的大小
            cols: 列
            rows: 行
-->
    <form align="center">
        <font face="楷体" color="black" size="4">
        隐藏：<input type="hidden"/><br/>
        姓名：<input type="text"/><br/>
        性别：<input name="gender" type="radio"/>男<input name="gender" type="radio">女<br/>
        生日：<input type="date"/><br/>
        爱好：<input name="hobby" type="checkbox"/>抽烟<input name="hobby" type="checkbox"/>烫头
        <input name="hobby" type="checkbox"/>喝酒<br/>
        图片：<input type="image" src="html/OIP.jpg" height="100px" width="100px"/><br/>
        头像：<input type="file"/><br/>
        <input value="普通按钮" type="button"/>
        <input value="重置按钮" type="reset"/>
        <input value="提交按钮" type="submit"/><br>
        邮箱：<input type="email"/><br/>
        密码：<input type="password"/><br/>
        籍贯：<select>
                <option value="">江苏</option>
                <option value="">河北</option>
                <option value="">河南</option>
            </select>省
            <select>
                <option value="">南京</option>
                <option value="">北京</option>
                <option value="">郑州</option>
            </select>市
            <select>
                <option value="">玄武</option>
                <option value="">三环</option>
                <option value="">下邳</option>
            </select>区<br>
        自我介绍： <textarea cols="20" rows="20"></textarea>
        </font>
    </form>
</body>
</html>